<!DOCTYPE html>
<html>
  
    <head>
    <meta charset="UTF-8">
    <title>-</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/font.css">
  <link rel="stylesheet" href="./css/tadmin.css">
  <script type="text/javascript" src="./lib/jquery/jquery.min.js"></script>
  <script src="./lib/layui/layui.js" charset="utf-8"></script>
   <script type="text/javascript" src="./js/tadmin.js"></script>  
  </head>
  
  <body>
   
    <div class="tngou-body">
    
    <div class="layui-row">
     
        <form class="layui-form layui-col-md12 tngou-so">
       
	      <select name="interest" >
	        <option value="">全部</option>
	        <option value="0">BTC/USDT</option>
	        <option value="2">LTC/USDT</option>
	        <option value="3">ETH/USDT</option>
	        <option value="4">OKB/USDT</option>
	        <option value="6">ETC/USDT</option>
	        <option value="7">BCH/USDT</option>
	        <option value="8">1ST/USDT</option>
	        <option value="9">AAC/USDT</option>
	        <option value="10">ABT/USDT</option>
	      </select>
    		<div class="layui-btn-group">
			    <button type="button" class="layui-btn layui-btn-normal">未成交</button>
			    <button type="button" class="layui-btn layui-btn-primary">历史委托</button>
			</div>
          <input class="layui-input" placeholder="委托开始日" name="start" id="start">
          <input class="layui-input" placeholder="委托截止日" name="end" id="end">
         
          <button class="layui-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
         <button  type="button" class="layui-btn layui-btn-danger tngou-right" onclick="tngou_win_show('买/卖交易','transaction.html')"><i class="layui-icon"></i>买/卖交易</button>
      
        </form>
        
      </div>
    
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
  <ul class="layui-tab-title">
    <li class="layui-this">全部委托</li>
    <li>普通委托</li>
    <li>计划委托</li>
  </ul>
<div class="layui-tab-content" style="height: 100%;">
    <div class="layui-tab-item layui-show">
    <table class="layui-hide" id="tngou-table-1></table>              
		<script>
		layui.use('table', function(){
		  var table = layui.table;
		  
		  table.render({
		    elem: '#tngou-table-1'		
		    ,url:'json/register.json'   
		    ,cols: [[
		    	      {type:'numbers'}		    	      
		    	      ,{field:'f1', title:'委托时间', width:200,  sort: true}		    	    
		    	      ,{field:'f2', title:'币对', width:150}
		    	      ,{field:'f3', title:'类型',width:150 }		   	      
		    	      ,{field:'f4', title:'方向',width:150}   	   
		    	      ,{field:'f5', title:'委托总量',width:150}
		    	      ,{field:'f6', title:'委托价',width:150}
		    	      ,{field:'f6', title:'委托金额',width:150}
		    	      ,{field:'f7', title:'已成',  width:150}
		      	      ,{field:'f8', title:'成交均价',  width:100}
		      	      ,{field:'f9', title:'状态',  width:100}
		    	      ,{field:'mange', minWidth:150, templet: '#barMange', unresize: true}
		    	     
						
		    ]]
		    ,page: true
		    
		  });
		 
		});
		</script>
    </div>
    <div class="layui-tab-item">
    <table class="layui-hide" id="tngou-table-2"></table>              
		<script>
		layui.use('table', function(){
		  var table = layui.table;
		  
		  table.render({
		    elem: '#tngou-table-2'
		    ,url:'json/register.json'   
		    ,cols: [[
		    	      {type:'numbers'}		    	      
		    	      ,{field:'f1', title:'委托时间', width:200,  sort: true}		    	    
		    	      ,{field:'f2', title:'币对', width:150}
		    	      ,{field:'f3', title:'类型',width:150 }		   	      
		    	      ,{field:'f4', title:'方向',width:150}   	   
		    	      ,{field:'f5', title:'委托总量',width:150}
		    	      ,{field:'f6', title:'委托价',width:150}
		    	      ,{field:'f6', title:'委托金额',width:150}
		    	      ,{field:'f7', title:'已成',  width:150}
		      	      ,{field:'f8', title:'成交均价',  width:100}
		      	      ,{field:'f9', title:'状态',  width:100}
		    	      ,{field:'mange', minWidth:150, templet: '#barMange', unresize: true}
		    	     
						
		    ]]
		    ,page: true
		    
		  });
		 
		});
		</script>
    </div>
    <div class="layui-tab-item">
    <table class="layui-hide" id="tngou-table-3"></table>              
		<script>
		layui.use('table', function(){
		  var table = layui.table;
		  
		  table.render({
		    elem: '#tngou-table-3'
		    ,url:'json/register.json'   
		    ,cols: [[
		    	      {type:'numbers'}		    	      
		    	      ,{field:'f1', title:'委托时间', width:200,  sort: true}		    	    
		    	      ,{field:'f2', title:'币对', width:150}
		    	      ,{field:'f3', title:'类型',width:150 }		   	      
		    	      ,{field:'f4', title:'方向',width:150}   	   
		    	      ,{field:'f5', title:'委托总量|已成',width:150}
		    	      ,{field:'f6', title:'委托价|成交均价',width:150}
		    	      ,{field:'f6', title:'委托金额',width:150}
		    	     // ,{field:'f7', title:'已成',  width:150}
		      	      //,{field:'f8', title:'成交均价',  width:100}
		      	      ,{field:'f9', title:'状态',  minWidth:100}
		    	      ,{field:'mange', width:150, templet: '#barMange', unresize: true}
		    	     
						
		    ]]
		    ,page: true
		    
		  });
		 
		});
		</script>
</div>

  </div>
</div> 
    
    
       
		 
		 <script type="text/html" id="barMange">
  		<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
  		<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
	</script>
    </div>
    <script>
    layui.use('laydate', function(){
        var laydate = layui.laydate;
        
        //执行一个laydate实例
        laydate.render({
          elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
          elem: '#end' //指定元素
        });
      });
    </script>

  </body>

</html>